<script type="text/javascript">
    var t = n = 0, count;
    jQuery(function($){
    	$('#Image1').attr('src','images/menu_over_01.png')
        count=$("#banner_list a").length;
        $("#banner_list a:not(:first-child)").hide();
        $("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));
        $("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});
        $("#banner li").click(function() {
            var i = $(this).text() - 1;//获取Li元素内的值，即1，2，3，4
            n = i;
            if (i >= count) return;
            $("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));
            $("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")})
            $("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
            document.getElementById("banner").style.background="";
            $(this).toggleClass("on");
            $(this).siblings().removeAttr("class");
        });
        t = setInterval("showAuto()", 5000);
        $("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);});
    })
    
    function showAuto()
    {
        n = n >=(count - 1) ? 0 : ++n;
        $("#banner li").eq(n).trigger('click');
    }
</script>
<div id="banner">    
    <div id="banner_bg"></div>  <!--标题背景-->
    <div id="banner_info">.</div> <!--标题-->
    <ul>
        <li class="on">1</li>
        <li>2</li>
        <li>3</li>
    </ul>
	<div id="banner_list">
		<a href="getproduct.php?id=2&pid=27"><img src="images/main_img_20110620.jpg" width="546" height="300" 
			title="半自動結束機、結束機 送料無料キャンペン中" alt="半自動結束機、結束機 送料無料キャンペン中" /></a>
		<a href="products.php?cate=44"><img src="images/main_img_20110624.jpg" width="546" height="300" 
			title="2011最新型ガソリン高圧洗浄器" alt="2011最新型ガソリン高圧洗浄器" /></a>
		<a href="products.php?cate=52"><img src="images/main_img_20110610.jpg" width="546" height="300" 
			title="スタジオ用ストロボ、外用充電式ストロボ" alt="橡スタジオ用ストロボ、外用充電式ストロボ" /></a>
	</div>
</div>